.login {
  width: 100%;
  height: 100%;
  // height: 100vh;
  // background: red;
  margin: 0 auto;
  .logo {
    display: flex;
    align-items: center;
    width: 100%;
    height: 10%;
    .logo_box {
      img {
        height: 1rem;
      }
    }
  }
  .logo_png {
    width: 3rem;
    height: 3rem;

    position: fixed;
    top: 7%;
    left: 50%;
    transform: translate(-50%);
    // background-color: red;
    margin: 0 auto;
    border-radius: 50%;
    background-image: url('../../static/猫眼.png');
    background-repeat: no-repeat;
    background-position: center center;
  }
  .login1 {
    position: fixed;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
  }
}
.sevebtn {
  width: 100%;
  height: 2rem;
  display: flex;
  align-items: stretch;
  align-content: space-around;
  flex-direction: column;
  justify-content: space-evenly;
  .adm-button {
    width: 100%;
    border: none;
    background-color: #4096ff;
    color: white;
    font-size: 20px;
    height: 1rem;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    margin-top: 3px;
  }
}
